<html>
    <head>
        <title>QRCODE</title>

        <style type="text/css">
            #outdiv {
                width: 320px;
                height: 240px;
                border: solid;
                border-width: 3px 3px 3px 3px;
            }

            #qr-canvas {
                display: none;
            }

            #v {
                width: 320px;
                height: 240px;
            }

            #result {
                border: solid;
                border-width: 1px 1px 1px 1px;
                padding: 20px;
                width: 70%  ；
            }

            #mainbody {
                background: white;
                width: 100%;
            }

            .selector {
                margin: 0;
                padding: 0;
                cursor: pointer;
                margin-bottom: -5px;
            }
        </style>
        <script src="js/webqr.js"></script>
        <script src="js/llqrcode.js"></script>
        <script async="" src="https://ssl.google-analytics.com/ga.js"></script>
    </head>

    <body>
        <div id="mainbody" style="display: inline;">

            <div id="outdiv">
                <video id="v" autoplay=""></video>
            </div>
            <td colspan="3" align="center">
            <div id="result">
                - scanning -
            </div></td>
            <button id="webcamimg" class="selector" onclick="setwebcam()">
                webcam
            </button>
            <button id="qrimg" class="selector" onclick="setimg()">
                setimg
            </button>

            <br>
            <canvas id="qr-canvas" width="640" height="480" style="width: 800px; height: 600px;"></canvas>
            <script>load();</script>
        </div>

    </body>

</html>